﻿.indFocusBox {
	border: 5px solid rgb(231, 231, 231); border-image: none; width: 370px; height: 265px; overflow: hidden; float: left; position: relative;
}
.indFocusBox .hd {
	right: 2px; bottom: 10px; position: absolute; z-index: 4;
}
.indFocusBox .hd ul {
	overflow: hidden; float: left; -ms-zoom: 1;
}
.indFocusBox .hd ul li {
	background: url("../images/indFocusIcon.png") no-repeat 0px 3px; width: 12px; height: 12px; text-align: center; color: rgb(255, 255, 255); line-height: 12px; padding-top: 3px; font-size: 7px; margin-right: 2px; float: left; cursor: pointer; opacity: 0.6;
}
.indFocusBox .hd ul li.on {
	background: url("../images/indFocusIcon.png") no-repeat 0px -15px; font-weight: bold; opacity: 1;
}
.indFocusBox .bd {
	overflow: hidden;
}
.indFocusBox .bd .pic img {
	border: 0px currentColor; border-image: none; width: 370px; height: 265px;
}
.indFocusBox .bd .con {
	left: 0px; width: 100%; height: 32px; bottom: 0px; line-height: 32px; float: left; position: absolute; z-index: 1;
}
.indFocusBox .bd .bg {
	left: 0px; width: 100%; height: 32px; bottom: 0px; line-height: 32px; float: left; display: block; position: absolute; z-index: 1; opacity: 0.5; background-color: black;
}
.indFocusBox .bd .title {
	left: 0px; width: 100%; height: 32px; bottom: 0px; color: white; line-height: 32px; text-indent: 6px; font-weight: bold; float: left; position: absolute; z-index: 2;
}
.indFocusBox .bd .title a {
	color: white;
}